﻿<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title></title>
<link rel="stylesheet" type="text/css" href="slides/css_2/slider-pro.min.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="slides/css_2/examples.css?99ddd9" media="screen"/>
<script type="text/javascript" src="slides/js_2/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="slides/js_2/jquery.sliderPro.min.js"></script>
<script type="text/javascript">
	$( document ).ready(function( $ ) {
		$( '#example5' ).sliderPro({
			width: ${width}+20,
			height: ${height}+20,
			${orientation}
			loop: false,
			arrows: true,
			buttons: false,
			thumbnailsPosition: 'right',
			thumbnailPointer: true,
			thumbnailWidth: 220,
			thumbnailHeight: 100,
			breakpoints: {
				767: {
					thumbnailsPosition: 'bottom',
					thumbnailWidth: 150,
					thumbnailHeight: 70
				}
			}
		});
	});
</script>
</head>

<body>
<div id="example5" class="slider-pro">
  <div class="sp-slides">
   <s:iterator value="#request.CODE" id="slide">
    		<div class="sp-slide">
    		<a href="${link}" target="_blank"><img class="sp-image" src="slides/css_2/images/blank.gif" 
    			data-src="<s:property value="@cn.wegoteam.zfm.utils.Html@imgSrc(imgUrls)"/>" data-retina="<s:property value="@cn.wegoteam.zfm.utils.Html@imgSrc(imgUrls)"/>" /></a>
    		</div>
		</s:iterator>
		<div class="sp-thumbnails">
		<s:iterator value="#request.CODE" id="slide">
		<div class="sp-thumbnail">
      			<div class="sp-thumbnail-image-container"> 
      			<img class="sp-thumbnail-image" src="<s:property value="@cn.wegoteam.shop.util.Html@imgSrc(imgUrls)"/>" /></div>
      			<div class="sp-thumbnail-text">
        			<div class="sp-thumbnail-title">${name}</div>
        			<div class="sp-thumbnail-description">
        				${s_area}
        				<s:if test="s_area!=null">/</s:if>
        				${s_type}
        				${remark}
        			</div>
        			<s:if test="s_area!=null"><div class="price"><span>￥</span>&nbsp;<em>${value}</em>/晚</div></s:if>
      			</div>
    		</div>
		</s:iterator>
   
  </div>
</div>
</body>
</html>